<!DOCTYPE html>
<html>
    <head>
        <title>My Site</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="css/style.css" rel="stylesheet" />
        <script src="js/libs/jquery-1.8.2/jquery.js"></script>
        <script src="js/libs/jqueryui-1.10.0/jquery-ui.min.js"></script>
        <script src="js/script.js"></script>
    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                <h1><img class="my-photo-img" src="img/my-photo.png" />Hi! There! <br/>
                    This is <span class="highlight my-photo"> Ajay Mugilarasan P</span> <br/>
                    and I'm <span class="highlight">Mad For Web. </span>
                </h1>

            </div>

            <div id="menu">
                <a href="#" onclick="showHome();">Home</a>
                <a href="#" onclick="showMyWorks();">My Works</a>
                <a href="#" onclick="showContactMe();">Contact Me</a>
            </div>
            <div style='clear: both'></div>
            <hr />

            <div id="home">

                <p class="sub-head"><span class="highlight">Sub Head ?</span></p>
                <p class="sub-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sem nunc, lacinia quis sodales ac, semper ut ante. Vestibulum mollis lorem eget neque pretium, vitae scelerisque felis dictum. Fusce eleifend lacus eu erat interdum vehicula a at diam. In sit amet rutrum odio. Donec mattis eu felis id vulputate. Ut et mollis justo, vitae hendrerit nunc. Integer sollicitudin ultrices lacus vel egestas. Duis at enim a ligula pulvinar ultricies. Aliquam vitae dapibus est, a convallis risus.</p>


                <div id="social">
                    <!--<a href="http://www.facebook.com/mugilarasan" target="_blank"> <img width="100" height="75" src="img/find-me-logo.png" /></a>-->
                </div>

                <div id="logos">
                    <img src="img/php-logo.png" alt="php-logo" title="PHP" />
                    <img src="img/html5-logo.png" alt="html5-logo" title="HTML5" />
                    <img src="img/css3-logo.png" alt="css3-logo" title="CSS3" />
                    <img src="img/js-logo.png" alt="js-logo" title="JAVASCRIPT" />
                    <img src="img/jquery-logo.png" alt="jquery-logo" title="JQUERY" />
                </div>
            </div> 

            <div id='my-works'>
<!--                <h1>Under Construction.</h1>-->

<h2>My Works</h2>
<div class='works'></div>
<div class='works'></div>
<div class='works'></div>
<div class='works'></div>
<div class='works'></div>
<div class='works'></div>

            </div>
            
            <div id='contact-me'>
                <h2 class="highlight">Hire Me!!!!</h2>
                <p>+91 9444195800 </p>
                <p>ajaymugil@gmail.com</p>
                <p><a href="http://www.facebook.com/mugilarasan" target="_blank"> <img src="img/find-me-logo.png" /></a></p>
            </div>
        </div>

    </body>
</html>
